<template>
  <div>
    <div class="head">
      <router-link to="/index">首页</router-link>
      <router-link to="/classify">分类</router-link>
      <router-link to="/orders">订单</router-link>
      <router-link to="/my">我的</router-link>
    </div>
    <div class="content">
      <h3>显示路由切换的页面</h3>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },

  created() {},

  methods: {},
}
</script>

<style lang="less" scoped>
.head {
  width: 500px;
  font-size: 30px;
  display: flex;
  justify-content: space-between;
}
.content {
  font-size: 30px;
}
</style>
